body,html,div,input,button,ul,li,span,p,b,i{padding: 0;margin: 0;letter-spacing:0px;font-family: 'Microsoft Yahei', 'Microsoft Yahei Mono', 微软雅黑,dashicons, 'Segoe UI', 'WenQuanYi Micro Hei', 'WenQuanYi Micro Hei Mono',  sans-serif;font-size: 12px;color: #f0c082;letter-spacing:2px;}
a{text-decoration: none}
li{list-style: none}
.ml30{margin-left: 30px;margin-right: 30px;}

input{outline:none;} 
body,html{background: #f5f5f5!important;overflow-y:auto !important;border:none!important;}
.warpBg{min-width: 1200px}

input,textarea,button{font-family: 'Microsoft Yahei';}

input[type="text"] {
	border-radius: 0;
	-webkit-appearance: none;
}

button{border-radius: 0;}

textarea{
	border-radius: 0;
	-webkit-appearance: none;
}
img {
    vertical-align: bottom;
}

[v-cloak] {
    display: none;
}

.canvasBox{width: 1px;height: 1px;overflow: hidden;}
#myCanvas{}
#warp{max-width: 750px;margin: auto;min-height: 100%;overflow:hidden;}

.loading{width: 100%;height: 100%;top: 0;left: 0;position: fixed;z-index: 15;text-align: center;background: rgba(255,255,255,0.6);}
.loading span{width: 1.2rem;height: 1.2rem;display: inline-block;position: absolute;left: 50%;top: 50%;margin-left: -.6rem;margin-top: -.6rem;background:url('/static/images/load.gif') center top;background-size: 100% }

.newSpan{width: .8rem;height: .8rem;background: url('../images/new.png') no-repeat;background-size: 100%;border-radius: 50%;position: fixed;left: .2rem;bottom: 2rem;display: block;z-index: 22;text-align: center;line-height: 1rem;color: #fff;font-size: .24rem}
.newSpanA{width: .8rem;height: .8rem;background: url('../images/mps.png') no-repeat;background-size: 100%;border-radius: 50%;position: fixed;left: .2rem;bottom: 4.4rem;display: block;z-index: 22;text-align: center;line-height: 1rem;color: #fff;font-size: .24rem}
.newSpanA.active{animation: dieAll 4s linear infinite;}
.mpSpan{width: .8rem;height: .8rem;transition: all .6s;background: url('../images/mp.png') no-repeat;background-size: 100%;border-radius: 50%;position: fixed;left: .2rem;bottom: 3.2rem;display: block;z-index: 22;text-align: center;line-height: 1rem;color: #fff;font-size: .24rem}
.down .mpSpan{display: none}

/*底部*/
.footer{width: 100%;position: relative;z-index: 11}
.footer .info{position: fixed;bottom: 0;height: 1rem;background:#38404c;width: 100%;max-width: 750px}
.footer .info ul li{width: 20%;float: left;text-align: center;cursor: pointer;font-size: .22rem;color: #9da1ad;padding-top: 0.14rem}
.footer .info ul li span{width: .44rem;height: .44rem;display: block;padding-bottom: 0.06rem}
.footer .info ul li .nav01{background: url('../images/nav01.png') no-repeat;background-size: 100%;margin: auto;}
.footer .info ul li .nav02{background: url('../images/nav02.png') no-repeat;background-size: 100%;margin: auto;}
.footer .info ul li .nav03{background: url('../images/nav03.png') no-repeat;background-size: 100%;margin: auto;}
.footer .info ul li .nav04{background: url('../images/nav04.png') no-repeat;background-size: 100%;margin: auto;}
.footer .info ul li .nav05{background: url('../images/nav05.png') no-repeat;background-size: 100%;margin: auto;}
.footer .info ul li.router-link-exact-active{color: #f0c082}
.footer .info ul li.router-link-exact-active .nav01{background: url('../images/nav011.png') no-repeat;background-size: 100%;margin: auto;}
.footer .info ul li.router-link-exact-active .nav02{background: url('../images/nav022.png') no-repeat;background-size: 100%;margin: auto;}
.footer .info ul li.router-link-exact-active .nav03{background: url('../images/nav033.png') no-repeat;background-size: 100%;margin: auto;}
.footer .info ul li.router-link-exact-active .nav04{background: url('../images/nav044.png') no-repeat;background-size: 100%;margin: auto;}
.footer .info ul li.router-link-exact-active .nav05{background: url('../images/nav055.png') no-repeat;background-size: 100%;margin: auto;}

/*弹窗*/
.mainBg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.2);z-index: 10}
.payMain{width: 80%;height: 200px;}

.signMain{position: fixed;z-index: 11;top: 50%;left: 0;width: 100%}
.signMain .info{width: 180px;height: 200px;background: #fff;margin: auto;text-align: center;}


.listNone{padding: 2rem;text-align: center;font-size: .3rem}
.noMore{text-align: center;font-size: .24rem;color: #ccc;padding: .3rem 0}
.loadMore{text-align: center;font-size: .24rem;color: #ccc;padding: .3rem 0}

/*登录*/
.loginWarpBg{position: relative;z-index: 31}
.loginWarp{width: 100%;min-height: 100%;position: relative;z-index: 1}
.loginBg{position: fixed;width: 100%;max-width: 750px;height: 100%;background:url('/static/images/mianBg.jpg');background-size: 100% 100%;z-index: 0}
.loginWarp .title{text-align: center;padding-top: 1.6rem;padding-bottom: 1.3rem}
.loginWarp .title img{width: 5.26rem;height: 1.67rem;max-width: 526px;max-height: 167px;margin: auto}
.loginWarp .info{padding: 0 .3rem}
.loginWarp .item{border-bottom: #aeaeae solid .02rem;margin-bottom: .5rem;padding: .05rem;position: relative;height: .48rem}
.loginWarp .item p{padding-left: .68rem}
.loginWarp .item input{background: none;border: none;width: 4.4rem;font-size: .28rem;line-height: .34rem}
.loginWarp .item i{width: .38rem;height: .38rem;display: inline-block;position: absolute;margin-left: -0.5rem}
.loginWarp .item i.icon1{background: url('../images/login01.png') no-repeat;background-size: 100%;}
.loginWarp .item i.icon2{background: url('../images/login02.png') no-repeat;background-size: 100%;}
.loginWarp .item i.icon3{background: url('../images/login03.png') no-repeat;background-size: 100%;}
.loginWarp .item .sendCode{font-size: .24rem;border: #aeaeae solid .02rem;color: #aeaeae;display: inline-block;padding: .04rem .16rem;cursor: pointer;border-radius: .04rem;position: absolute;right: 0;margin-top: -0.04rem}
.loginWarp .clickBox{overflow: hidden;padding-top: .6rem}
.loginWarp .clickBox .register{background: #f2bd7d;width: 100%;border: none;font-size: .28rem;color: #fff;line-height: .88rem;border-radius: .06rem}
.loginWarp .clickBox .loginA{background: #f2bd7d;width: 40%;border: #f2bd7d solid .02rem;font-size: .28rem;color: #fff;line-height: .78rem;border-radius: .06rem;margin-left: 4%}
.loginWarp .clickBox .loginB{background: none;width: 40%;border: #f2bd7d solid .02rem;font-size: .28rem;color: #f2bd7d;line-height: .78rem;border-radius: .06rem;float: right;margin-right: 4%}
.loginWarp .txtle{text-align: center;font-size: .24rem;color:#aeaeae;line-height: 4 }
.loginWarp .txtle span{color: #f2bd7d;border-bottom: #f2bd7d solid .02rem;padding-bottom: .02rem}
.loginWarp .goLogin{text-align: center;color:#aeaeae;font-size: .24rem;margin-top: .6rem}
.loginWarp .goLogin span{color:#aeaeae;}
.loginWarp .weixin{border: #f2bd7d solid .02rem;font-size: .28rem;color: #f2bd7d;margin-top: 1rem;text-align: center;line-height: 2.8;border-radius: .04rem}
.loginWarp .weixin span{width: .56rem;height: .44rem;background: url('../images/icon08.png') no-repeat;background-size: 100%;display: inline-block;vertical-align: middle;margin-right: .2rem}
.loginWarp .goChoice{text-align: center;margin-top: 1.8rem}
.loginWarp .goChoice span{text-align: center;color:#aeaeae;font-size: .24rem;border-bottom: #aeaeae solid .01rem}
.loginWarp .list{text-align: center;}
.loginWarp .list span{width: 1.6rem;height: 1.6rem;display: inline-block;}
.loginWarp .list p{font-size: .28rem;color: #fff;line-height: 3}
.loginWarp .list .left{width: 50%;float: left;}
.loginWarp .list .left span{background: url('../images/icon09.png') no-repeat;background-size: 100%;}
.loginWarp .list .right span{background: url('../images/icon10.png') no-repeat;background-size: 100%;}
.loginWarp .list .right{width: 50%;float: left}
.loginWarp .choiceTitle{text-align: center;font-size: .28rem;color: #fff;padding-bottom: .6rem}
.loginWarp .goBack{width: 1rem;height: 1rem;position: absolute;top: .5rem;left: .5rem}
.loginWarp .goBack span{width: .4rem;height: .28rem;display: inline-block;background: url('../images/icon11.png') no-repeat;background-size: 100%;}

.choiceBox .title{padding-top: 2.4rem}
.choiceBox .info{padding-top: 1.2rem}

/*消息*/
.newsMain{}
.newsMain .topTitle{font-size: .34rem;line-height: .88rem;border-bottom: #ececec solid .02rem;background: #38404c}
.topTitle.small{font-size: .28rem}
.newsMain .list{padding: 1rem .2rem;}
.newsMain .list ul li{position: relative;border-bottom: #ddd solid .02rem;min-height: 1rem;padding: .16rem 0 .12rem 1.2rem}
.newsMain .list ul li img{width: 1rem;height: 1rem;position: absolute;border-radius: .2rem;left: 0;top: .12rem}
.newsMain .list .number{width: .3rem;height: .3rem;background:#e8503e;position: absolute;border-radius: 50%;margin-left: -0.4rem;margin-top: -.04rem;text-align: center;line-height: .3rem;color: #fff}
.newsMain .list .time{position: absolute;right: 0;top: .16rem;font-size: .24rem;color: #8c8c8c}
.newsMain .list .name{font-size: .28rem;color: #000;line-height: 1.4;height: .5rem}
.newsMain .list .title{font-size: .24rem;color: #8c8c8c;margin-right: 1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*关注记录*/
.newsMain .listA{padding-top: 1rem}
.newsMain .listA ul li{position: relative;border-bottom: #ddd solid .01rem;min-height: 1.2rem;padding: .2rem .3rem .2rem 1.6rem}
.newsMain .listA ul li img{width: 1.1rem;height: 1.1rem;position: absolute;border-radius: 50%;left: .2rem;top: .2rem}
.newsMain .listA .name{font-size: .28rem;color: #333;height: .4rem}
.newsMain .listA .meili{font-size: .24rem;color: #f0bc81;margin-top: .04rem;}
.newsMain .listA .span{font-size: .22rem;color: #8c8c8c;}


.newsMain .listLeft{float: left;width: 50%;}
.newsMain .listRight{float: left;width: 50%;text-align: right}
.newsMain .listLeft .name{font-size: .28rem;color: #333;height: auto;margin-top: .14rem}
.newsMain .listLeft .span{font-size: .24rem;color: #999;margin-top: .12rem}
.newsMain .listRight .time{font-size: .24rem;color: #999;line-height: 2;margin-top: .14rem}
.newsMain .listRight .meili{font-size: .24rem;color: #f0bc81}

/*首页*/
.iheader{height: .9rem;padding: 0 .3rem;font-size: .36rem;line-height: .9rem;position: relative;background: #38404c}
.iheader span{font-size:.28rem;color: #f0c082;float: right;padding-right: .3rem}
.iheader span i{width: .3rem;height: .3rem;display: inline-block;background: url('../images/icon01.png');background-size: 100%;position: absolute;top: .32rem}



.indexList{padding-bottom: .3rem}
.indexList .listTitle{padding: .2rem .3rem;font-size: .28rem;color: #a6a6a6;height: .58rem;line-height: .58rem}
.indexList .listTitle i{width: .33rem;height: .32rem;display: inline-block;background: url('../images/icon02.png');background-size: 100%;float: left;margin-top: .12rem;margin-right: .04rem;}
.indexList .listTitle span{float: right;width: 1.8rem;height: .58rem;border-radius: .58rem;background: #e8503e;color: #fff;text-align: center;line-height: .58rem;font-size: .22rem}
.indexList .listTitle span i{width: .31rem;height: .15rem;background: url('../images/icon07.png');background-size: 100%;display: inline-block;float:none }
.indexList .item{background: #fff;border-radius: .04rem;width: 100%;margin-bottom: .2rem}
.indexList .images{min-height: 1.7rem;text-align: center;}
.indexList .images img{width: 2rem;height: 2rem;border-radius: 50%;margin-top: .3rem}
.indexList .itemTop{padding-bottom: .1rem;padding-top: .1rem;text-align: center;}
.indexList .itemTop img{width: 1.8rem;height: 1.8rem;border-radius: 50%}
.indexList .itemTop .images{float: left;padding: 0 .2rem}
.indexList .itemTop .name{font-size: .28rem;color: #000000;line-height: 2}
.indexList .itemTop .name i{width: .22rem;height: .26rem;background: url('../images/icon04.png');background-size: 100%;display: inline-block;position: absolute;margin-top: .2rem;margin-left: .06rem}
.indexList .itemTop .add i{width: .16rem;height: .22rem;background: url('../images/icon03.png');background-size: 100%;display: inline-block;margin-right: .04rem;vertical-align: middle;margin-top: -0.06rem}
.indexList .itemTop .add{font-size: .2.4rem;color: #999999;height: .24rem;line-height: 1.2}
.indexList .itemTop .txt{font-size: .2.4rem;color: #a6a6a6;line-height: 1.2;margin-top: .04rem;margin-bottom: .1rem}
.indexList .itemTop .tip{height: .44rem;}
.indexList .itemTop .tip span{display: inline-block;background: #ced8e0;color: #fff;border-radius: .4rem;font-size: .24rem;padding: .04rem .14rem;margin-right: .04rem;}
.indexList .itemInfo ul{overflow: hidden;text-align: center;}
.indexList .itemInfo .images ul li{width: 31%;padding-left: .2%;display: inline-block;text-align: center;float: left;}
.indexList .itemInfo img{width: 1.7rem;height: 1.7rem}
.indexList .itemInfo .click{text-align: center;padding-bottom: .2rem}
.indexList .itemInfo .click ul{text-align: center;}
.indexList .itemInfo .click li{width: 1.8rem;height: 0.56rem;background: #fff;border: #f0c082 solid .02rem;border-radius: .56rem;display: inline-block;color: #f0c082;line-height: .56rem;font-size: .24rem}
.indexList .itemInfo .click li.last{background: #f0c082;color: #fff}
.indexList .itemInfo .click .icon1{width: .27rem;height: .24rem;background: url('../images/icon56.png');background-size: 100%;display: inline-block;position: absolute;margin-left: -0.2rem;margin-top: .14rem}
.indexList .itemInfo .click .on{background: #f0c082;color: #fff}
.indexList .itemInfo .click .on .icon1{background: url('../images/icon05.png');background-size: 100%;}
.indexList .itemInfo .click .icon2{width: .27rem;height: .24rem;background: url('../images/icon06.png');background-size: 100%;display: inline-block;position: absolute;margin-left: -0.2rem;margin-top: .14rem}
.indexList .itemInfo .click span{height: .56rem;display: inline-block;width: .26rem;vertical-align: middle;position: relative;}

/*
.xBanner .swiper-slide{opacity: .4}
.xBanner .swiper-slide-active{opacity: 1}
*/

.sBanner{height: 3.8rem;padding-top: .88rem !important}
.sBanner img{width: 100%;height: 3.8rem;}
.sBanner .swiper-pagination{bottom: 0 !important}
.sBanner .swiper-pagination span{width: 33.3%;border-radius: 0;float: left;margin: 0 !important;height: .06rem;background: none}
.sBanner .swiper-pagination span.swiper-pagination-bullet-active{background: #f0c082}

.tbanner{height: 3.8rem}
.tbanner img{width: 100%;height: 3.8rem}
.tbanner .mint-swipe-indicators{width: 100%;bottom: 0}
.tbanner .mint-swipe-indicator{width: 33.3%;border-radius: 0;margin: 0;float: left;height: .06rem}
.tbanner .is-active{background: #f0c082;opacity:1;}

.itemView{padding: 0 .3rem .8rem .3rem;}
.itemView .item{margin-bottom: .3rem;background: #fff;border-radius: .04rem}
.itemView .item img{width: 100%;}
.itemView .itemTop{position: relative;}
.itemView .itemTop p{position: absolute;bottom: 0;left: 0;width: 100%;height: .76rem;background: url('../images/hui.png');text-align: center;color: #fff;font-size: .32rem;}
.itemView .itemTop p span{font-size: .32rem;line-height: .76rem;display: inline-block;color: #fff;width: 48%}
.itemView .itemTop .icon1{width: .36rem;height: .3rem;background: url('../images/icon05.png') center no-repeat;background-size: auto 100%;display: inline-block;position: absolute;margin-left: -0.4rem;margin-top: .24rem}
.itemView .itemTop .left{border-right: #999 solid .01rem}
.itemView .itemTop .on{color: #f0c082}
.itemView .itemTop .on .icon1{background: url('../images/icon56.png') center no-repeat;background-size: auto 100%;}
.itemView .itemTop .icon2{width: .36rem;height: .32rem;background: url('../images/icon06.png') center no-repeat;background-size: auto 100%;display: inline-block;position: absolute;margin-left: -0.4rem;margin-top: .24rem}
.itemView .itemInfo{padding: .14rem .3rem;position: relative;}
.itemView .name{color: #000;font-size: .32rem;line-height: 1;padding-bottom: .1rem}
.itemView .name span{font-size: .24rem;color: #666;margin-left: .2rem}
.itemView .add{position: absolute;right: .3rem;top: .16rem;color: #666;font-size: .24rem}
.itemView .add i{width: .16rem;height: .22rem;background: url('../images/icon03.png');background-size: 100%;display: inline-block;position: absolute;margin-left: -0.24rem;margin-top: .06rem}
.itemView .tip{font-size: .26rem;color: #8c8c8c;margin-bottom: .1rem}
.itemView .txt{font-size: .28rem;color: #8c8c8c;line-height: 1.4;padding-bottom: .3rem}
.itemView .more{font-size: .24rem;color: #f0c082;margin-top: .1rem}

/* .xBanner .swiper-slide {
      Center slide text vertically
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;margin: 0 3.4%
    }
    .swiper-slide:nth-child(n) {
      width: 80%;
    } */

.wimMain{height: 100%;box-sizing:border-box;overflow: hidden;padding-bottom: 1.8rem;}
#main{max-width: 640px;margin: auto;height: 100%;overflow: hidden;}
.webMain{width: 100%;background: #f5f5f5;overflow: auto;padding: 0 .2rem;box-sizing:border-box;}
.webMain ul{overflow: hidden;}
.webMain ul li{list-style: none;overflow: hidden;min-height: .8rem;font-size: .2rem;width: 100%;margin: .34rem 0;position: relative;}
.webMain ul li .title{line-height: 20px;}
.webMain ul li img{width: 24px;height: 24px;vertical-align:middle;margin-top: -4px;}
.webMain ul li .bigImg{width: 120px;height: auto;padding-top: .16rem}
.webMain ul li .bigImg.out{width: 120px;height: auto;opacity: 0.4}
.webMain ul li .smallImg{width: 80px;height: auto;}
.webMain ul li span{border-radius: 0 .2rem .2rem .2rem;color: #333;display: inline-block;vertical-align:middle;background: #fff;padding: .2rem .3rem}
.webMain ul li.right{text-align: right}

.webMain .tiemLogo{position: absolute;left: 0;top: .08rem}
.webMain .tiemLogo img{width: .8rem;height: .8rem;border-radius: .2rem;}
.webMain .tell{margin-left: 1rem;font-size: .24rem}
.webMain .tell span{font-size: .32rem;margin-top: .16rem;}

.webMain .right .tiemLogo{position: absolute;right: 0;top: .08rem}
.webMain .right .tiemLogo img{width: .8rem;height: .8rem;border-radius: .2rem;}
.webMain .right .tell{margin-right: 1rem}
.webMain .right .tell span{border-radius: .2rem 0 .2rem .2rem;text-align: left}

.sendTop{height: .8rem;width: 100%;padding-left: 6px;background: #dcdcdc;padding-top: 2px}
.sendTop span{height: .6rem;width:.6rem;text-align: center;padding-top: .2rem;float: left }
.sendTop span img{width: .4rem;height: .4rem;}
.sendBox{position: fixed;bottom: 0;width: 100%;max-width: 750px}

.sendInfo{height: 1.46rem;background: #38404c;padding: .15rem .3rem;position: relative;}
.sendInfo input{width: 5rem;height: .7rem;background: none;border: none;border-bottom: #9da1ad solid .01rem;float: left;font-size: .3rem;padding: 0 .06rem}
.sendInfo .clickB{width: 1.3rem;height: .6rem;display: inline-block;background: #e6b67c;float: right;color: #fff;font-size: .32rem;border-radius: .08rem;text-align: center;line-height: .6rem;margin-top: .06rem}
.sendShow{height: 3rem;background: #fff;padding: .3rem}

.sendBoxT{height: .9rem}
.sendBoxB{padding-top: .1rem}
.sendBoxB .file{width: 25%;float: left;text-align: center;height: .6rem}
.sendBoxB .file span{width: 100%;height: .8rem}
.sendBoxB .file span i{}
.sendBoxB span{width: 25%;float: left;height: .44rem;display: inline-block;text-align: center;}
.sendBoxB .icon01{width: .4rem;height: .4rem;display: inline-block;background: url('../images/im01.png');background-size: 100%;}
.sendBoxB .icon02{width: .34rem;height: .41rem;display: inline-block;background: url('../images/im02.png');background-size: 100%;}
.sendBoxB .icon03{width: .4rem;height: .42rem;display: inline-block;background: url('../images/im03.png');background-size: 100%;}
.sendBoxB .icon04{width: .44rem;height: .44rem;display: inline-block;background: url('../images/im04.png');background-size: 100%;}

.showA a{float: left}
.showA span{width: 1.2rem;height: 1.2rem;display: inline-block;margin-right: .22rem;float: left}
.showA .itemA{background: url('../images/icon42.png');background-size: 100%;}
.showA .itemB{background: url('../images/icon44.png');background-size: 100%;}
.showA .itemC{background: url('../images/icon43.png');background-size: 100%;}

.file { position: relative;display: inline-block;overflow: hidden;}
.file input {position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;}

.liwuList ul li{float: left;text-align: center;width: 20%;position: relative;height: 1.3rem;margin-bottom: .3rem}
.liwuList ul li img{width: 1.3rem;height: 1.3rem}
.liwuList .price{position: absolute;left: .1rem;top:0;font-size: .2rem}
.liwuList .name{width: 1.3rem;height: .36rem;line-height: .36rem;position: absolute;bottom: 0;left: 50%;margin-left: -.65rem;color: #fff;background: url('../images/yellow.png');background-size: 100%;font-size: .2rem;}
.liwuBg{width: 2.72rem;background: #fff;text-align: center;padding: .06rem;border-radius: .2rem;box-shadow: .02rem .02rem 0rem .01rem #ddd;margin-bottom: .06rem}
.webMain ul li .liwuBg img{width: 2.72rem;height: 2.72rem;margin: auto;border-radius: .2rem}
.webMain ul li.right .liwuBg{float: right}
.liwuName{color: #e65144;font-size: .24rem;line-height: 1.6;margin-top: .1rem}
.liwuMeili{color: #f0bc81;font-size: .22rem;line-height: 1.6;padding-bottom: .1rem}

.faceList ul li{float: left;text-align: center;width: .86rem;height: .8rem}
.faceList ul li img{width: .64rem;height: .64rem}

.faceList ul li span{width: .64rem;height: .64rem;display: inline-block;}
.faceList .face1{background: url('../images/faces/ee_1.png');background-size: 100%;}
.faceList .face2{background: url('../images/faces/ee_2.png');background-size: 100%;}
.faceList .face3{background: url('../images/faces/ee_3.png');background-size: 100%;}
.faceList .face4{background: url('../images/faces/ee_4.png');background-size: 100%;}
.faceList .face5{background: url('../images/faces/ee_5.png');background-size: 100%;}
.faceList .face6{background: url('../images/faces/ee_6.png');background-size: 100%;}
.faceList .face7{background: url('../images/faces/ee_7.png');background-size: 100%;}
.faceList .face8{background: url('../images/faces/ee_8.png');background-size: 100%;}
.faceList .face9{background: url('../images/faces/ee_9.png');background-size: 100%;}
.faceList .face10{background: url('../images/faces/ee_10.png');background-size: 100%;}

.faceList .face11{background: url('../images/faces/ee_11.png');background-size: 100%;}
.faceList .face12{background: url('../images/faces/ee_12.png');background-size: 100%;}
.faceList .face13{background: url('../images/faces/ee_13.png');background-size: 100%;}
.faceList .face14{background: url('../images/faces/ee_14.png');background-size: 100%;}
.faceList .face15{background: url('../images/faces/ee_15.png');background-size: 100%;}
.faceList .face16{background: url('../images/faces/ee_16.png');background-size: 100%;}
.faceList .face17{background: url('../images/faces/ee_17.png');background-size: 100%;}
.faceList .face18{background: url('../images/faces/ee_18.png');background-size: 100%;}
.faceList .face19{background: url('../images/faces/ee_19.png');background-size: 100%;}
.faceList .face20{background: url('../images/faces/ee_20.png');background-size: 100%;}

.faceList .face21{background: url('../images/faces/ee_21.png');background-size: 100%;}
.faceList .face22{background: url('../images/faces/ee_22.png');background-size: 100%;}
.faceList .face23{background: url('../images/faces/ee_23.png');background-size: 100%;}
.faceList .face24{background: url('../images/faces/ee_24.png');background-size: 100%;}
.faceList .face25{background: url('../images/faces/ee_25.png');background-size: 100%;}
.faceList .face26{background: url('../images/faces/ee_26.png');background-size: 100%;}
.faceList .face27{background: url('../images/faces/ee_27.png');background-size: 100%;}
.faceList .face28{background: url('../images/faces/ee_28.png');background-size: 100%;}
.faceList .face29{background: url('../images/faces/ee_29.png');background-size: 100%;}
.faceList .face30{background: url('../images/faces/ee_30.png');background-size: 100%;}
.faceList .face31{background: url('../images/faces/ee_31.png');background-size: 100%;}
.faceList .face32{background: url('../images/faces/ee_32.png');background-size: 100%;}

/*充值中心*/
.filling .info{padding: 1rem .3rem}

/*个人中心*/
.aboutMain{padding-bottom: 1.1rem}
.aboutBg{width: 100%;height: 100%;position: absolute;opacity: 0.4}
.aboutMain .logoBg{width: 100%;height: 4.5rem;background:#666;background-size: 100%;position: relative;}
.aboutMain .logoBg span{position: absolute;background:rgba(0,0,0,1);color: #fff;font-size: .2rem;right: .3rem;padding: .04rem .2rem;border-radius: .2rem}
.aboutMain .logoBg .spanB{bottom: .2rem}
.aboutMain .logoBg .spanA{bottom: .8rem}

.aboutMain .logoBg .icon1{width: 1.17rem;height: .4rem;position: absolute;background: url('../images/icon13.png');background-size: 100%;top: .6rem;right: .3rem}
.aboutMain .logoBg .icon2{width: 1.7rem;height: .4rem;position: absolute;background: url('../images/icon14.png');background-size: 100%;bottom: .3rem;right: .3rem}
.aboutMain .info{height: 2.5rem;box-shadow: 0 .04rem .04rem #dcdcdc;position: relative;background: #fff}
.aboutMain .info img{width: 1.84rem;height: 1.84rem;border-radius: 50%;border: #9da1ad solid .02rem;position: absolute;left: .16rem;top: -.9rem}
.aboutMain .info .infoTop{height: 1.34rem;padding-left: 2.2rem}
.aboutMain .infoTop .icon1{width: .33rem;height: .32rem;background: url('../images/icon02.png');background-size: 100%;display: inline-block;position: absolute;margin-left: .02rem;}
.aboutMain .infoTop span{background: #2eb6aa;font-size: .2rem;color: #fff;margin-left: .02rem;border-radius: .2rem;margin-left: .5rem;padding: .01rem .08rem .01rem .36rem;position: relative;}
.aboutMain .infoTop span i{width: .16rem;height: .18rem;background: url('../images/icon28.png');background-size: 100%;display: inline-block;position: absolute;left: .08rem;top: .06rem}

.aboutMain .infoTop .name{font-size: .28rem;color: #000;padding-top: .16rem;padding-bottom: .1rem}
.aboutMain .infoTop .uid{font-size: .2rem;color: #a6a6a6;}
.aboutMain .infoBot{overflow: hidden;}
.aboutMain .infoBot .item{width: 33.3%;float: left;text-align: center;}
.aboutMain .infoBot .item p{font-size: .28rem;color: #000000}
.aboutMain .infoBot span{width: .55rem;height: .55rem;display: inline-block;}
.aboutMain .infoBot .icon1{background: url('../images/icon15.png');background-size: 100%;}
.aboutMain .infoBot .icon2{background: url('../images/icon16.png');background-size: 100%;}
.aboutMain .infoBot .icon3{background: url('../images/icon17.png');background-size: 100%;}

.aboutMain .images .titile{font-size: .32rem;padding-top: .5rem;padding-bottom: .24rem;color: #000;padding-left: .3rem}
.aboutMain .images .titile i{width: .46rem;height: .37rem;display: inline-block;background:url('../images/icon53.png');background-size: 100%;vertical-align: middle;margin-top: -0.08rem;margin-right: .08rem}
.aboutMain .images ul{overflow: hidden;background: #fff;box-sizing: border-box;padding: .2rem;margin-bottom: .2rem}
.aboutMain .images ul li{width: 2.36rem;height: 2.36rem;overflow: hidden;float: left;text-align: center;box-sizing: border-box;padding: .02rem;position: relative;margin-bottom: .06rem}
.aboutMain .images ul li span{width: .5rem;height: .5rem;border-radius: 50%;background:url('../images/icon37.png');background-size: 100%;position: absolute;top: -.08rem;right: -0.04rem;z-index: 16}
.aboutMain .images ul li img{width: 100%;height: 100%;max-width: 100%}
.aboutMain .addImg{background:url('../images/icon18.jpg');background-size: 100%;margin-top: .02rem}
.aboutMain .aboutItem{margin-bottom: .2rem;background: #fff;overflow: hidden;padding: 0 .3rem}
.aboutItem .p{line-height: 1.2rem;font-size: .28rem;color: #000;border-bottom: #ddd solid .01rem}
.aboutItem .p span{float: right;color: #000;font-size: .28rem}
.aboutItem .p span.red{color: #e8503e;background:url('../images/icon20.png') right no-repeat;background-size: auto 100%;padding-right: .2rem}
.aboutItem .title{font-size: .32rem;}
.aboutMain .title i{width: .46rem;height: .37rem;display: inline-block;background:url('../images/icon54.png');background-size: 100%;vertical-align: middle;margin-top: -0.08rem;margin-right: .08rem}
.aboutItem .title span{font-size: .24rem;color: #8c8c8c;float: none}

.aboutItem .dongtai{border-bottom: none;padding-left: .50rem;position: relative;line-height: 1.2rem;font-size: .32rem;color: #000;}
.aboutItem .dongtai .icon1{width: .46rem;height: .37rem;background: url('../images/icon53.png');background-size: 100%;display: inline-block;position: absolute;left: 0;top: .42rem}
.aboutItem .youqing{border-bottom: none;padding-left: .48rem;position: relative;}
.aboutItem .youqing .icon1{width: .38rem;height: .38rem;background: url('../images/icon21.png');background-size: 100%;display: inline-block;position: absolute;left: 0;top: .4rem}

.aboutItem .div{height: 1.2rem;overflow: hidden;border-bottom: #ddd solid .01rem;background:url('../images/icon19.png') right no-repeat;background-size: auto 100%;}
.aboutItem .div .left{float: left;line-height: 1.2rem;font-size: .28rem;color: #000;position: relative;}
.aboutItem .div .pl{padding-left: .34rem}
.aboutItem .div .right{float: right;position: relative;width: 50%}
.aboutItem .div .right li{position: absolute;top: .2rem}
.aboutItem .div img{width: .8rem;height: .8rem;border-radius: 50%;border: #fff solid .02rem}
.aboutItem .div i{width: .28rem;height: .26rem;display: inline-block;position: absolute;left: 0;top: .48rem}
.aboutItem .div .icon2{background: url('../images/icon25.png') no-repeat;background-size: 100%;}
.aboutItem .div .icon3{background: url('../images/icon24.png') no-repeat;background-size: 100%;}
.aboutItem .div .li01{z-index: 1;right: 0.3rem}
.aboutItem .div .li02{z-index: 2;left: 1.46rem}
.aboutItem .div .li03{z-index: 3;left: 0.62rem}
.aboutItem .div .li04{z-index: 4;left: -0.2rem}

.aboutItem .liwu{padding-top: .24rem;padding-bottom: .1rem;overflow: hidden;background:url('../images/icon19.png') right no-repeat;background-size: auto 100%;padding-right: .3rem;position: relative;}
.aboutItem .liwu .title{font-size: .24rem;color: #000;padding-left: .46rem;position: relative;line-height: .38rem}
.aboutItem .liwu .title i{width: .39rem;height: .38rem;display: inline-block;position: absolute;background: url('../images/icon55.png');background-size: 100%;left: 0}
.aboutItem .liwu .txt{font-size: .2rem;color: #8c8c8c;line-height: 2}
.aboutItem .liwu .right{float: right;position: absolute;width: 50%;right: .3rem;top: .2rem}
.aboutItem .liwu .right ul{position: relative;}
.aboutItem .liwu .right ul li{float: left;margin: 0 .1rem;position: absolute;}
.aboutItem .liwu .right ul li.li01{left: .1rem}
.aboutItem .liwu .right ul li.li02{left: .92rem}
.aboutItem .liwu .right ul li.li03{left: 1.74rem}
.aboutItem .liwu .right ul li.li04{left: 2.56rem}
.aboutItem .liwu .right ul li img{width: .8rem;height: .8rem;}
.aboutItem .liwu .right ul li span{position: absolute;width: .2rem;height: .2rem;background: url('../images/icon27.png');background-size: 100%;padding: .03rem;text-align: center;line-height: .2rem;right: -0.06rem;font-size: .16rem;}

.aboutItem .dongtai{overflow: hidden;background:url('../images/icon19.png') right no-repeat;background-size: auto 100%;padding-right: .3rem;position: relative;}
.aboutItem .dongtai .left{color: #000;font-size: .32rem}
.aboutItem .dongtai .right ul li{float: left;width: .8rem;height: .8rem;margin-left: .02rem}
.aboutItem .dongtai .right{position: absolute;right: .3rem;top: -.04rem}
.aboutItem .dongtai .right img{width: .8rem;height: .8rem;vertical-align:middle;}

.aboutItem .none{border-bottom: none}
.aboutMain .file{width: 33.3%;height: 2.4rem;display:inline-block;position: relative;overflow: hidden;}

.aboutMain .postLiwu{position: fixed;right: .1rem;bottom: 1.3rem;width: 1.2rem;height: 1.2rem;background: url('../images/icon47.png');background-size: 100%;z-index: 16}

.aboutFooter{height: 1rem;width: 100%;background: #fff;position: fixed;bottom: 0;z-index: 19}
.aboutFooter span{float: left;text-align: center;display: block;height: 1rem;font-size: .28rem;line-height: 1rem;color: #333}
.aboutFooter .spanA{width: 30%;border-right: #f5f5f5 solid .02rem;box-sizing: border-box;border-top: #ddd solid 0.01rem}
.aboutFooter .spanA i{width: .30rem;height: .30rem;display: inline-block;background: url(../images/icon51.png) no-repeat;background-size: 100%;vertical-align: middle;margin-right: .04rem;margin-top: -0.06rem}
.aboutFooter .spanB i{width: .36rem;height: .30rem;display: inline-block;background: url(../images/icon52.png) no-repeat;background-size: 100%;vertical-align: middle;margin-right: .04rem;margin-top: -0.06rem}
.aboutFooter .spanB{width: 30%;border-top: #ddd solid 0.01rem}
.aboutFooter .spanC{width: 40%;background: #d3aa7b;color: #fff}

.aboutItem .aboutLast{font-size: .28rem;color: #333;line-height: 1.2;position: relative;padding: .3rem 0;padding-left: 1.5rem;padding-right: .5rem;color: #999999;min-height: .6rem}
.aboutItem .aboutLast span{position: absolute;left: 0}

/*编辑个人资料*/
body,html{width: 100%;overflow: hidden;}
.v-transfer-dom{overflow-x:hidden;width: 100%;}
.editMain{overflow-x:hidden; }
.editMain .title{background: #38404c;height: .9rem;line-height: .9rem;text-align: center;font-size: .36rem;position: relative;}
.editMain .title span{width: .9rem;height: .9rem;text-align: center;position: absolute;left: 0;top: 0}
.editMain .title span i{width: .2rem;height: .32rem;background: url('../images/icon29.png');background-size: 100%;display: inline-block;margin-top: .29rem}

.editMain .tab{height: 1rem;border-bottom: #ddd solid .01rem;padding: 0 .3rem;background: #fff;padding-top: 1rem}
.editMain .tab li{width: 33.33%;float: left;text-align: center;padding-top: .36rem}
.editMain .tab li span{font-size: .32rem;color: #000;line-height: .6rem;display: inline-block;}
.editMain .tab li.on span{font-size: .36rem;color: #f0bc81;border-bottom: #f0bc81 solid .04rem}

.editMain .list{background: #fff;margin-bottom: .2rem;padding: 0 .3rem}
.editMain .list p{line-height: 1.2rem;font-size: .32rem;color: #333;border-bottom: #dcdcdc solid .01rem}
.editMain .list p span{float: right;color: #333;font-size: .32rem}
.editMain .list p span.icon{background:url('../images/icon19.png') right no-repeat;background-size: auto 100%;padding-right: .3rem}
.editMain .list p span.icon.red{color: red}


.editMain .list.pb{padding-bottom: 1rem}
.editMain .txt{padding-left: 1.6rem;position: relative;padding-top: .4rem;border-bottom: #dcdcdc solid .01rem}
.editMain .txt span{font-size: .32rem;color: #333;position: absolute;left: 0}
.editMain .txt textarea{border:none;width: 100%;height: 1.3rem;font-size: .26rem;color: #999999}
.editMain .list .none{border-bottom: none}

.editMain .box{background: #fff;overflow: hidden;}
.editMain .message{font-size: .28rem;color: #f0bc81;background: #f2f2f2;text-align: center;margin: 0 .3rem;margin-top: .2rem;padding: .1rem 0}

.editMain .listBox{padding: .3rem;margin-bottom: .2rem;background: #fff}
.editMain .listBox .stitle{font-size: .32rem;color: #333;background:url('../images/rightOn.png') right no-repeat;background-size: auto 60%;position: relative;padding-left: .6rem}
.editMain .listBox .stitle span{width: .5rem;height: .5rem;display: inline-block;position: absolute;left: 0;background: #f0bc81;border-radius: .04rem}
.editMain .listBox .show{padding: .2rem .6rem;height: 1rem;overflow: hidden;}
.editMain .listBox .show.allShow{height: auto;}
.editMain .listBox .show.heig{height: auto;}
.editMain .listBox .show span{background: #f0bc81;color: #fff;font-size: .28rem;display: inline-block;padding: .04rem .14rem;margin-bottom: .2rem;border-radius: .24rem;margin-right: .1rem}
.editMain .listBox .show span.on{background: #f0bc81;}

.editMain .logo{position: relative;}
.editMain .logo img{width: 1rem;height: 1rem;border-radius: 50%;position: absolute;right: .4rem;top: .09rem}


.picker-item{font-size: .3rem}

.editMain .weui-cell{padding: 0;position: absolute;top: 0;right: 0}
.editMain .list p{position: relative;}
.editMain .list .hui{color: #999}

.editMain .vux-cell-box{position: absolute;top: 0;right: 0}
.editMain .vux-cell-box .weui-cell{position: relative;}

.editMain input[type="text"]{text-align: right;color: #333;font-size: .32rem}
.editMain #imgTest{width: 100%;height: 1.2rem;overflow: hidden;position: absolute;right: 0;z-index: 10;opacity: 0}
.chooer{display: none;font-size: 0;opacity: 0}
.chooer.block{display: block}

.popDiv{position: fixed;z-index: 10;width: 100%;height: 100%;top: 0;left:0;background: rgba(0,0,0,0.4);}
.popDiv .popTitle{text-align: center;font-size: .32rem;color: #fff;line-height: 3}
.popDiv .info{background: #414851;margin: .3rem;margin-top: 2rem;border-radius: .2rem;padding: .4rem;border: #d3aa7b solid .01rem}
.popDiv .info textarea{background: #38404c;width: 100%;border: none;height: 2rem;padding: .14rem;color: #fff;font-size: .26rem;box-sizing: border-box;}
.popDiv .popClick{text-align: center;padding-top: .1rem;}
.popDiv .popClick span{width: 2.1rem;height: .6rem;text-align: center;line-height: .6rem;display: inline-block;border: #f0bc81 solid .01rem;color: #f0bc81;font-size: .32rem;border-radius: .6rem;margin: .1rem}

/*个人标签*/
.spanEdit{padding: 1.2rem .3rem}
.spanEdit span{color: #333;font-size: .28rem;margin-right: .3rem;padding: .04rem .18rem;background: #dcdcdc;border-radius: .2rem;margin-bottom: .26rem;display: inline-block;}
.spanEdit span.active{background: #f0bc81;color: #fff}

/*发现*/
.findMain{background: #fff;height: 100%;}
.findMain .bannerWap{width: 100%;height: 3.2rem;background: #ddd}
.findMain .newNumber{text-align: center;padding: .5rem;position: relative;}
.findMain .postNew{position: absolute;right: 0;top: 0}
.findMain .findlist{padding: 0 .3rem;background: #fff}
.findMain .item{padding-left: 1.2rem;position: relative;padding-top: .3rem;padding-bottom: .3rem;border-bottom: #dcdcdc solid .01rem}
.findMain .item .logo{width: .9rem;height: .9rem;border-radius: 50%;position: absolute;left: 0;top: .3rem}
.findMain .item .title{font-size: .32rem;color: #333;height: .6rem;line-height: .6rem}
.findMain .item .info{color: #666;font-size: .28rem;line-height: 1.4}
.findMain .item .click{text-align: right;padding: .15rem 0;overflow: hidden;}
.findMain .item .time{float: left}
.findMain .item .good{width: .5rem;height: .4rem;display: inline-block;float: right;text-align: center;margin-right: .06rem}
.findMain .item .say{width: .5rem;height: .36rem;display: inline-block;float: right;text-align: center;padding-top: .04rem}
.findMain .item .good i{width: .36rem;height: .36rem;display: inline-block;background:url('../images/icon60.png');background-size:100%;}
.findMain .item .good.on i{background:url('../images/icon61.png');background-size:100%;}
.findMain .item .goodNum{display: inline-block;line-height: .4rem;font-size: .24rem}
.findMain .item .say i{width: .38rem;height: .32rem;display: inline-block;background:url('../images/icon35.png');background-size:100%;}
.findlist .item .images{padding: .1rem 0;overflow:hidden;}
.findlist .item .more li{width: 1.6rem;height: 1.6rem;float: left;margin-right: .04rem;margin-bottom: .04rem}
.findlist .item .more li img{width: 1.6rem;height: 1.6rem;background: #ddd}

.findlist .item .once img{height: 2.4rem;background: #ddd}

.findlist .upImg{overflow: hidden;}
.findlist .upImg img{float: left}

.newNumber span{background: #f2f2f2;display: inline-block;padding: .1rem .3rem;font-size: .3rem;border-radius: .2rem;color: #333}

.findMain .popBox{width: 100%;height: 100%;position: fixed;top: .88rem;left: 0;background:rgba(0,0,0,0.4);z-index: 10;}
.findMain .popBox .info{background: #3f454f;margin:.3rem;padding: .2rem;border-radius: .1rem;border: #f0bc81 solid .02rem}
.findMain .popBox textarea{background: #38404c;width: 100%;border: none;height: 2rem;padding: .1rem;color: #fff;font-size: .26rem;box-sizing: border-box;}
.findMain .popBox img{width: 1.2rem;height: 1.2rem;float: left;margin-bottom:.02rem;margin-right: .02rem}
.findMain .upImg{overflow: hidden;padding: .2rem 0}
.findMain .upImg .addImg{width: 1.2rem;height: 1.2rem;background:url('../images/icon18.jpg');background-size:100%;}
.findMain .popClick{text-align: center;padding-top: .1rem;padding-bottom: .1rem}
.findMain .popClick span{width: 2.1rem;height: .6rem;text-align: center;line-height: .6rem;display: inline-block;border: #f0bc81 solid .01rem;color: #f0bc81;font-size: .3rem;border-radius: .2rem;margin: .1rem}
.findMain .popClick .hui{}

.findBanner{height: 4.5rem;position: relative;}
.findBanner .findBg{width: 100%;height: 100%;position: absolute;opacity: 0.4}
.findBanner .logo{width: 1.4rem;height: 1.4rem;position: absolute;border-radius: 50%;border: #fff solid .02rem;right: .3rem;bottom: -0.4rem}

.findClick{width: .88rem;height: .88rem;position: absolute;right:0;top: 0;font-size: .32rem;text-align: left}
.findClick i{width: .4rem;height: .32rem;display: inline-block;background:url('../images/icon32.png');background-size:100%;margin-top: .3rem}


.findMain .sayBack{border-radius: .06rem}
.findMain .sayList{background: #f5f5f5;padding: .1rem;}
.findMain .sayList p{font-size: .26rem;color: #333;margin-bottom: .06rem}
.findMain .sayList p span{font-size: .26rem;color: #f0bc81}

.findNone{text-align: center;padding: .5rem}
.findNone span{background: #ddd;font-size: .28rem;color: #333;padding: .1rem .2rem;border-radius: .1rem}

/*专区*/
.areaMain .topTitle{height: .88rem;text-align: center;color: #f0bc81;font-size: .36rem;line-height: .88rem;background: #38404c}
.areaList {padding-bottom: 1.2rem;padding-top: .88rem}
.areaList ul li{margin: .2rem;position: relative;height: 3.6rem}
.areaList ul li.icon01{background:url('/static/images/arce01.jpg');background-size:100%;}
.areaList ul li.icon02{background:url('/static/images/arce02.jpg');background-size:100%;}
.areaList ul li.icon03{background:url('/static/images/arce03.jpg');background-size:100%;}
.areaList ul li img{width: 100%;}
.areaList ul li p{text-align: center;position: absolute;font-size: .38rem;color: #fff;top:50%;width: 100%}

.areaMain .topTitle.blue{background: #38404c}
.areaItemTop{position: relative;border-bottom: #ddd solid .02rem}
.areaBg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.4}

.areaMain .tabTop{overflow: hidden;background: #fff;padding-top: 1rem;border-bottom: #ddd solid .01rem}
.areaMain .tabTop span{width: 50%;float: left;text-align: center;font-size: .32rem;color: #333;line-height: .66rem;}
.areaMain .tabTop span.on{color: #f0bc81;font-size: .36rem;border-bottom: #f0bc81 solid .02rem;margin-bottom: -.01rem}
.areaItemTop{background: #fff;padding: .3rem;padding-top: 1.4rem}
.areaItemTop .info{background: #fff;text-align: center;position: relative;padding-top: 0.8rem;}
.areaItemTop .logo{position: absolute;top: -0.7rem;left: 50%;margin-left: -0.8rem}
.areaItemTop .logo img{width: 1.6rem;height: 1.6rem;border-radius: 50%;}
.areaItemTop .logo i{width: .52rem;height: .38rem;display: inline-block;background:url('../images/icon30.png');background-size:100%;top: -.38rem;position: absolute;left: 50%;margin-left: -.26rem}
.areaItemTop .name{font-size: .32rem;color: #333;padding-top: .2rem}
.areaItemTop .meili{font-size: .28rem;color: #f0bc81;padding-top: .04rem}
.areaItemTop .txt{font-size: .24rem;color: #8c8c8c;padding-top: .1rem;padding-bottom: .1rem}
.areaItemTop .span span{display: inline-block;font-size: .2rem;background: #f0bc81;border-radius: .2rem;color: #fff;padding: .02rem .08rem}
.areaItemTop .add{font-size: .24rem;color: #333;position: absolute;right: .3rem;bottom: .2rem}
.areaItemTop .meili i{width: .22rem;height: .26rem;display: inline-block;background:url('../images/icon04.png');background-size:100%;vertical-align: middle;margin-right: .04rem;margin-top: -0.04rem}
.areaItemTop .add i{width: .16rem;height: .22rem;display: inline-block;background:url('../images/icon03.png');background-size:100%;vertical-align: middle;margin-right: .04rem;margin-top: -0.04rem}

.areaItem ul{padding-left:.3rem;padding-right: .3rem;background: #fff;overflow: hidden; }
.areaItem ul li{position: relative;padding: .2rem 0 .2rem 1.6rem;border-bottom: #dcdcdc solid .02rem}
.areaItem .num{position: absolute;width: .38rem;height: .38rem;background:url('../images/icon31.png');background-size:100%;margin-left: -1.8rem;top: .6rem;color: #fff;font-size: .2rem;text-align: center;line-height: .38rem}
.areaItem .logo{position: absolute;width: 1.2rem;height: 1.2rem;left: .2rem;top: .2rem;border-radius: 50%;}
.areaItem .name{font-size: .32rem;color: #333;line-height: 1.6}
.areaItem .meili{font-size: .24rem;color: #f0bc81;line-height: 1.6}
.areaItem .txt{font-size: .24rem;color: #8c8c8c;}
.areaItem .add{font-size: .24rem;color: #333;position: absolute;right: .3rem;top: .28rem}
.areaItem .meili i{width: .22rem;height: .26rem;display: inline-block;background:url('../images/icon04.png');background-size:100%;vertical-align: middle;margin-right: .04rem;margin-top: -0.05rem}
.areaItem .add i{width: .16rem;height: .22rem;display: inline-block;background:url('../images/icon03.png');background-size:100%;vertical-align: middle;margin-right: .04rem;margin-top: -0.04rem}


.topTitle.blue{background: #38404c}
.headerBg{position: fixed;top: 0;width: 100%;max-width: 750px;z-index: 15;background: #38404c;width: 100%;height: .88rem}
.topTitle.blue.getTop{position: fixed;top: 0;width: 100%;z-index: 16;max-width: 750px;}
.topTitle{height: .88rem;text-align: center;color: #f0bc81;font-size: .36rem;line-height: .88rem;background: #fff;position: relative;}

.topTitle .goBack{width: .88rem;height: .88rem;position: absolute;top: 0rem;left: 0rem}
.topTitle .goBack i{width: .2rem;height: .32rem;display: inline-block;background: url('../images/icon29.png') no-repeat;background-size: 100%;margin-top: .32rem}



/*验证*/
.testMain .info{padding-top: .8rem}
.testMain .infoMain{padding: .3rem}
.testMain .addImg{width: 1rem;height: 1rem;background: #ddd}

.testMain .infoTop{background: #fff;padding: .3rem}
.testMain .infoBox{padding-left: .4rem}
.testMain .infoTop .title{font-size: .32rem;color: #333;padding-top: .3rem;line-height: 1.8;position: relative;}
.testMain .infoTop .title i{width: .32rem;height: .32rem;display: inline-block;background: url('../images/icon36.png') no-repeat;background-size: 100%;position: absolute;top: .42rem;margin-left: -.4rem}
.testMain .infoTop .txtle{font-size: .28rem;color: #999}

.testMain .infoTable{background: #fff;margin-top: .2rem}
.testMain .infoTable .title{border-bottom: #ddd solid .01rem;font-size: .32rem;color: #333;padding: 0 .3rem;line-height: 0.9rem}
.testMain .infoTable .title span{font-size: .24rem;color: #999;}
.testMain .infoTable .p{margin: 0 .3rem;line-height: 0.9rem;border-bottom: #ddd solid .01rem;position: relative;}
.testMain .infoTable .p.none{border-bottom: none}
.testMain .infoTable .p span{font-size: .32rem;color: #333}
.testMain .infoTable .p i{}

.infoMain .top{overflow: hidden;}
.infoMain .top ul li{width: 50%;float: left;text-align: center;}
.infoMain .bottom ul li{width: 50%;float: left;text-align: center;position: relative;}
.infoMain .top ul li img{width: 3rem;height: 3rem;}
.infoMain .bottom ul li img{width: 3rem;height: 3rem;}
.infoMain .bottom{padding: .4rem 0;overflow: hidden;}
.infoMain .bottom .addImg{position: absolute;width: 3rem;height: 3rem;background: none}
.infoMain .bottom .close{width: .8rem;height: .8rem;display: inline-block;background: url('../images/icon37.png') center no-repeat;background-size: 50%;position: absolute;right: -.1rem;top: -.4rem;z-index: 18}

.testMain .infoMain{background: #fff;padding: .3rem;margin-top: .2rem}

.testMain .infoBoxA{font-size: .24rem;color: #999}
.testMain .infoBoxA span{color: #f0bc81}
.testMain .topMore .title{font-size: .32rem;color: #333;line-height: 2}
.testMain .topMore .txtle{font-size: .28rem;color: #999}
.testMain .carInfo .bottom img{width: 3rem;height: 2.2rem}

.aboutItem p.loginOut{text-align: center;font-size: .36rem}

/*弹窗展示*/
.swiperBox{position: fixed;width: 100%;height: 100%;top:0;left: 0;background:rgba(0,0,0,0.8);z-index: 28}
.allBanner{width: 100%;height: 100%}
.allBanner .swiper-slide{display: block;}
.allBanner .swiper-slide span{width: 100%;display: table-cell;vertical-align: middle;justify-content: center;text-align: center;}
.allBanner .swiper-slide .del{position: absolute;right: 0;top: 0;width: 1rem;height: 1rem;background: url('../images/close2.png') center no-repeat;background-size: 50%}
.allBanner img{width: 100%;}
.closeSwiper{position: absolute;top:0;right: 0;z-index: 19;width: 1rem;height: 1rem;text-align: center;}
.closeSwiper span{width: .8rem;height: .8rem;background: url('../images/del.png') center no-repeat;background-size: 80%;display: inline-block;}

.alertBox{position: fixed;width: 100%;height: 100%;top:0;left: 0;background: url('../images/hui.png') repeat;z-index: 28;box-sizing: border-box;padding: 0 1rem}
.alertBox .info{background: url('../images/blue.png') repeat;width: 100%;height: auto;margin-top: 3rem;text-align: center;border: #d3aa7b solid .02rem;border-radius: .1rem;padding: .4rem;box-sizing: border-box;}
.alertBox .titleA{font-size: .3rem;color: #f0c082;text-align: left}
.alertBox .titleB{font-size: .32rem;color: #f0c082;line-height: 3}
.alertBox .titleC{font-size: .32rem;color: #f0c082}

.alertBox .click{margin-top: .6rem}
.alertBox .click span{width: 2rem;height: .6rem;line-height: .6rem;border-radius: .1rem;color: #d3aa7b;font-size: .32rem;border: #d3aa7b solid .02rem;display: inline-block;}

.packetPop{position: fixed;width: 100%;height: 100%;top:0;left: 0;background: url('../images/hui.png') repeat;z-index: 18;box-sizing: border-box;padding: 0 1rem}
.packetPop .info{background: url('../images/blue.png') repeat;width: 100%;height: auto;margin-top: 2rem;text-align: center;border: #d3aa7b solid .02rem;border-radius: .1rem;padding: .3rem;box-sizing: border-box;}
.packetPop .title{font-size: .32rem}
.packetPop input{border: none;width: 100%;height: .6rem;background: none;border: #d3aa7b solid .02rem;padding-left: 1rem;box-sizing: border-box;font-size: .24rem}
.packetPop textarea{width: 100%;border: none;border-radius: .02rem;margin-top: .2rem;background: none;border: #d3aa7b solid .02rem;box-sizing: border-box;color: #d3aa7b;font-size: .24rem;padding: .08rem}
.packetPop .txtle{margin-top: .2rem;position: relative;}
.packetPop .txtle span{position: absolute;top: 0.03rem;left: 0.1rem;height: .5rem;line-height: .5rem;display: inline-block;font-size: .24rem}
.packetPop .click{margin-top: .2rem}
.packetPop .click span{width: 1.6rem;height: .6rem;line-height: .6rem;border-radius: .1rem;color: #d3aa7b;font-size: .32rem;border: #d3aa7b solid .02rem;display: inline-block;margin: 0 .2rem}


.packetGet{position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 20;background: rgba(0,0,0,0.6);}
.packetGet span{width: .6rem;height: .6rem;background: url('../images/close.png');background-size: 100%;display: inline-block;position: absolute;left: 50%;margin-left: -.3rem;margin-top: -1.4rem}
.packetGet .info{width: 5rem;height: 6.59rem;background: url('/static/images/hong02.png');background-size: 100%;position: absolute;top:50%;left: 50%;margin-top: -3.29rem;margin-left: -2.5rem}
.packetGet .info .price{text-align: center;font-size: .6rem;color: #f0bc81;padding-top: 1.2rem}
.packetGet .info .message{text-align: center;font-size: .32rem;color: #f0bc81;line-height: 2.4}

.output{padding: 1rem 0}
.output .infoA{width: 100%;padding: 0 .2rem;height: 200px;box-sizing: border-box;margin-bottom: .6rem}
.output .infoB{width: 100%;padding: 0 .2rem;height: 160px;box-sizing: border-box;margin-bottom: .6rem}
.output .cropper-box-canvas{}
.output .click{text-align: center;font-size: .32rem;padding: 1rem }
.output .click a{font-size: .28rem;display: inline-block;line-height: 1.6;;vertical-align: middle;color: #333;margin: 0 .2rem;border: #ddd solid .02rem;padding: .04rem .2rem}

.weui-dialog__hd{padding: .4rem 0 !important;font-size: .36rem}
.weui-dialog__btn{color: #333!important}
.findBanner.on{margin-top: -1rem}
.pt1{padding-top: 1rem}


.areaItemBox{padding: .5rem;}
.areaBoxTop{background: #fff}
.areaBoxTop .logo img{width: 100%;}
.areaBoxBottom{height: 1rem;width: 100%;max-width: 750px;background: #fff;position: absolute;bottom: 0;left: 0;z-index: 19}
.areaBoxBottom span{float: left;text-align: center;display: block;height: 1rem;font-size: .28rem;line-height: 1rem;color: #333}
.areaBoxBottom .spanA{width: 40%;border-right: #f5f5f5 solid .02rem;box-sizing: border-box;border-top: #ddd solid .02rem}
.areaBoxBottom .spanB{width: 60%;background: #d3aa7b;color: #fff}
.areaBoxBottom .spanA i{width: .32rem;height: .32rem;display: inline-block;background: url(../images/icon50.png) no-repeat;background-size: 100%;vertical-align: middle;margin-right: .04rem;margin-top: -0.04rem}
.areaBoxBottom .spanB i{width: .30rem;height: .30rem;display: inline-block;background: url(../images/icon49.png) no-repeat;background-size: 100%;vertical-align: middle;margin-right: .04rem;margin-top: -0.06rem}
.areaBoxTop .info{padding: .2rem}
.areaBoxTop .name{font-size: .32rem;color: #333;line-height: 1}
.areaLast{background: #f5f5f5}
.areaLast .add{font-size: .24rem;color: #333;line-height: 1;margin-top: .14rem}
.areaLast .add i{width: .16rem;height: .22rem;background: url(../images/icon03.png) no-repeat;background-size: 100%;display: inline-block;margin-right: .04rem;margin-top: -0.06rem;vertical-align: middle;}
.areaLast .txt{font-size: .24rem;color: #8c8c8c;margin-top: .04rem}
.areaLast .span{height: .48rem;margin-top: .08rem}
.areaLast .span span{display: inline-block;background: #ced8e0;color: #fff;border-radius: .2rem;font-size: .2rem;padding: .02rem .1rem;margin-right: .04rem;}
.areaLast .txtle{font-size: .28rem;color: #8c8c8c;line-height: 1.4;}
.areaLast .click{height: 0.6rem;padding: .2rem 0 .1rem 0}
.areaLast .click span{width: 2rem;display: inline-block;height: 0.56rem;border: #f0c082 solid .02rem;color:#f0c082;line-height: 0.56rem;border-radius: 0.56rem;margin: 0 .2rem}
.areaLast .click .spanB{background: #f0c082;color: #fff}
.areaLast .click .icon1{width: .27rem;height: .24rem;background: url('../images/icon56.png') no-repeat;background-size: 100%;display: inline-block;margin-right: 0.04rem;margin-top: -0.04rem;vertical-align: middle;}
.areaLast .click .icon2{width: .27rem;height: .24rem;background: url('../images/icon06.png') no-repeat;background-size: 100%;display: inline-block;margin-right: 0.04rem;margin-top: -0.04rem;vertical-align: middle;}
.areaLast .click span.on{background: #f0c082;color: #fff}
.areaLast .click span.on .icon1{background: url('../images/icon05.png') no-repeat;background-size: 100%;}

/*新闻展示*/
.newShow{padding: 1.2rem 0 .3rem 0;background: #fff;position: relative;}
.newShow .info{padding: 0 .3rem;min-height: 10rem}
.newShow .title{font-size: .42rem;color: #333;margin-bottom: .3rem}
.newShow .time{font-size: .24rem;color: #888;text-align: right;line-height: 3}
.newShow .txtle{font-size: .28rem;color: #666}
.newShow .txtle p{font-size: .28rem;color: #666;}
.newShow .txtle p span{font-size: .28rem;color: #666;}
.newShow .txtle img{width: 100%;margin: .2rem 0}
.newShow .zan i{width: .32rem;height: .32rem;display: inline-block;vertical-align: middle;background: url('../images/icon60.png') no-repeat;background-size: 100%;margin-right: .06rem;margin-top: -0.08rem}
.newShow .zan.on i{background: url('../images/icon61.png') no-repeat;background-size: 100%;}
.newShow .zan.on{color: #e6c798;border: #e6c798 solid .01rem}
.newShow .notLike i{width: .32rem;height: .32rem;display: inline-block;vertical-align: middle;background: url('../images/delet.png') no-repeat;background-size: 100%;margin-right: .06rem;margin-top: -0.04rem}
.newShow .clickBox{text-align: center;padding: .4rem}
.newShow .clickBox span{display: inline-block;width: 1.6rem;height: .56rem;line-height: .56rem;border: #9fa4b3 solid .01rem;border-radius: .2rem;margin: 0 .3rem;color: #9fa4b3;font-size: .26rem}
.newShow .moreNew{padding: .04rem .3rem;}
.newShow .moreNew .title{font-size: .28rem;line-height: 1.8;text-align: center;color: #9fa4b3;margin-bottom: .2rem}
.newShow .moreNew .title i{display: inline-block;width: 1.6rem;height: .01rem;background: #e9e9e9;vertical-align: middle;margin: 0 .2rem}
.newShow .moreNew ul li{color: #9fa4b3;border-bottom: #e9e9e9 solid .01rem;position: relative;min-height: 1rem;padding: .08rem;padding-left: 1.8rem;}
.newShow .moreNew ul li img{width: 1.6rem;position: absolute;left: 0;}
.sayList p.top{color: #9fa4b3;font-size: .24rem;border-bottom: #e9e9e9 solid .01rem;text-align: right;padding-bottom: .2rem}
.sayList p.top i{width: .32rem; height: .31rem;display: inline-block;vertical-align: middle;background: url('../images/say.png') no-repeat;background-size: 100%;margin-right: .08rem;}
.sayList{margin-bottom: 1rem;padding: .3rem;border-top: #f7f7f7 .2rem solid}
.sayList ul li{padding: .1rem .1rem .1rem 1.1rem;position: relative;border-bottom: #e9e9e9 solid .01rem}
.sayList ul li img{position: absolute;width: .9rem;height: .9rem;border-radius: 50%;left: 0;top:.1rem;}
.sayList ul li .p1{color: #666;font-size: .24rem;line-height: .4rem}
.sayList ul li .p1 span{color: #999;float: right}
.sayList ul li .p2{color: #999;}
.sayList ul li .p3{color: #333;font-size: .28rem;padding: .08rem;word-break:break-all;}

.sayBox{position: fixed;bottom: 0;width: 100%;max-width: 750px;height: .88rem}
.sayBox i{width: .32rem;height: .33rem;display: inline-block;position: absolute;background: url('../images/icon59.png') no-repeat;background-size: 100%;left: .3rem;top:.3rem;}
.sayBox input{width: 100%;height: .88rem;border: none;box-sizing:border-box;padding: .04rem 1.7rem .04rem .8rem;border: #ddd solid .01rem;font-size: .28rem;color: #666}
.sayBox span{position: absolute;right: 0;top: 0;width: 1.6rem;height: .88rem;background: #dab07b;font-size: .28rem;color: #fff;text-align: center;line-height: .88rem}

.newList{padding: 1.1rem 0.3rem}
.newList .item{background: #fff;padding: .1rem;margin-bottom: .2rem}
.newList img{width: 100%;}
.newList .name{font-size: .32rem;color: #333;line-height: 1.2;padding: .1rem 0}
.newList .txt{font-size: .26rem;color: #666;line-height: 1.2}
.newList .click{font-size: .24rem;color: #333;padding-top: .18rem;padding-bottom: .1rem}
.newList .click span{margin-right: .3rem;color: #999}
.newList .click .time{float: right;margin-right: 0;color: #999}


.mpList{padding: 1rem 0.3rem;overflow: hidden;}
.mpList ul{}
.mpList ul li{width: 25%;text-align: center;float: left;margin-top: .16rem}
.mpList ul li img{width: 1.6rem;height: 1.6rem}

.mpShow{width: 100%;height: 4rem;position: fixed;bottom: 0;background: rgba(0,0,0,0.4);}

.baBox{position: fixed;bottom: 4rem;width: 1rem;height: 1rem;background: #000}
.mpBig{width: 100%;max-width: 750px;height: 100%;top: 100%;transition: all .6s;position: fixed;background: url(/static/images/bobg.jpg) no-repeat;background-size: 100% 100%;z-index: 25;padding: .4rem;box-sizing: border-box;}
.mpBig.down{top: 0;}
.mpBig .mpClose{width: 1rem;height: .6rem;position: absolute;left: 50%;margin-left: -.5rem;top: 0;text-align: center;padding-top: .4rem}
.mpBig .mpClose span{display: inline-block;width: .46rem;height: .2rem;background: url(../images/boup.png) no-repeat;background-size: 100%;}
.mpBig .mpA{height: 4rem;text-align: center;padding-top: 1rem}
.mpBig .mpA span{width: 3.98rem;height: 3.98rem;border-radius: 50%;display: inline-block;background: url(/static/images/die.png) no-repeat;background-size: 100%;}
.mpBig .mpA span.on{animation: dieAll 8s linear infinite;}
.mpClick{position: relative;}
.mpClick span{position: absolute;}
.mpClick .stop{width: 1.68rem;height: 1.68rem;background: url(../images/stop.png) no-repeat;background-size: 100%;display: block;left: 50%;margin-left: -0.84rem;top: 1rem}
.mpClick .play{width: 1.68rem;height: 1.68rem;background: url(../images/bofang.png) no-repeat;background-size: 100%;display: block;left: 50%;margin-left: -0.84rem;top: 1rem}
.mpClick .prev{width: .6rem;height: 1.08rem;background: url(../images/prev.png) no-repeat;background-size: 100%;display: block;left: 1.4rem;top: 1.56rem}
.mpClick .next{width: .6rem;height: 1.08rem;background: url(../images/next.png) no-repeat;background-size: 100%;display: block;right: 1.38rem;top: 1.56rem}
.range-quantity,.range-bar{height: .06rem !important;}
.mpTop .vux-range-input-box{margin-left: 30px !important;margin-right: 30px !important;}
.mpTop .range-bar{position:relative;}
.mpTop .range-handle{}
.mpBottom{overflow: hidden;height: .4rem}
.mpBottom .range-min,.mpBottom .range-max{display: none}
.mpBottom .left{left: .4rem;position: absolute;margin-top: -0.16rem}
.mpBottom .right{right:.4rem;position: absolute;margin-top: -0.24rem}
.mpBottom .vux-range-input-box{margin-left: 0px !important;margin-right: 0px !important;margin: 0 1.2rem !important}
.mpBottom .range-handle{display: none}
.mpBig .range-quantity{background: #fff}

.mpTop{padding-top: 1rem;}
.mpTop span{color: #fff;font-size: .28rem}

.mpBottom{padding-top: 1rem;}
.mpBottom span{color: #fff;font-size: .28rem}

/*首页滚动效果*/
.nBanner .swiper-slide{padding: 0 .1rem;box-sizing:border-box;}
.nBanner.swiper-container{padding-bottom: .3rem}
.nBanner .item{text-align: center;}
.nBanner .item{background: #fff;height: 100%;}
.swiper-container-n { width: 100%;}.swiper-container-n .swiper-slide {background-position: center;background-size: cover;width: 6.6rem;}

.lBanner{height: 11rem !important;overflow: hidden;padding-top: 1rem}
.lBanner .swiper-wrapper{height: 11rem !important;}
.lBanner .swiper-slide{height: 11rem !important;}

.lBanner .swiper-container {width: 100%;height: 100%;}
.lBanner .swiper-slide {text-align: center;}
.lBanner .swiper-paginationd{display: none}


.notHave{text-align: center;font-size: .3rem;padding-top: 2rem;color: #ccc}

.loadingItem{width: 100%;height: 1rem;margin-bottom: .4rem;position: relative;}
.loadingItem span{width: 1.2rem;height: 1.2rem;display: inline-block;position: absolute;left: 50%;top: 50%;margin-left: -.6rem;margin-top: -.6rem;background:url('/static/images/load.gif') center top;background-size: 100% }

.notMore{text-align: center;height: 1rem;line-height: 1rem;color: #ccc;margin-bottom: .4rem;}

@keyframes dieAll
{
from {transform:rotate(0deg)}
to {transform:rotate(360deg)}
}




